<jsp:include page="/templates/header.jsp"/>

<script type="text/javascript" src="/salonmorandsmigi/js/jquery.form.js"></script>
<script type="text/javascript" src="/salonmorandsmigi/js/jquery.validate.js"></script>
<script type="text/javascript" src="/salonmorandsmigi/js/timeline.js"></script>

<%
	String name = request.getUserPrincipal().getName();
%>
<div class="username" id="<%=name%>"></div>
<h1><%=name%>'s Courses timeline:</h1>
<div class="loader" style="display:none"><img src="/salonmorandsmigi/images/timeline-loader.gif"/></div>
<div class="timeline"></div>
<h2>Switch view here:</h2>
<div class="defaultbuttons">
	<button id="switch1">Default 1</button>
	<button id="switch2">Default 2</button>
</div>
<form id="xslupload">
	<h2>or insert valid XSL:</h2>
	<p>
		instructions: you can give an xsl that can be applied to xml files
		conforming this <a href="/salonmorandsmigi/templates/timeline.dtd">DTD</a>.
		Then press the "Switch" button to change the view.
	</p>
	<textarea name="xsl" rows="30" cols="50"></textarea>
	<p class="submit"><input type="submit" value="Switch!"/></p>
</form>
<jsp:include page="/templates/sidebar.jsp"/>
<jsp:include page="/templates/footer.jsp"/>